<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>The Devil's Dictionary</title>
    
    <link rel="stylesheet" href="../css/default.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="dictionary.css" type="text/css" media="screen" />
    <script src="jquery.js" type="text/javascript"></script>
    <script src="dictionary.js" type="text/javascript"></script>
  </head>
  <body>
    <div id="container">
      <div id="branding" class="clearfix">
        <div id="chapter-number">6</div>
        <h1>AJAX</h1>
        <h1 class="subtitle">How to Make Your Site Buzzword-Compliant</h1>
      </div>

      <div id="header">
        <h2>The Devil's Dictionary</h2>
        <div class="author">by Ambrose Bierce</div>
      </div>
      
      <div class="letters">
        <div class="letter" id="letter-a">
          <h3>A</h3>
          <div class="button">Load</div>        
        </div>
        <div class="letter" id="letter-b">
          <h3>B</h3>
          <div class="button">Load</div>        
        </div>
        <div class="letter" id="letter-c">
          <h3>C</h3>
          <div class="button">Load</div>        
        </div>
        <div class="letter" id="letter-d">
          <h3>D</h3>
          <div class="button">Load</div>        
        </div>
        <div class="letter" id="letter-e">
          <h3>E</h3>
          <ul>
            <li><a href="e.php?term=Eavesdrop">Eavesdrop</a></li>
            <li><a href="e.php?term=Edible">Edible</a></li>
            <li><a href="e.php?term=Education">Education</a></li>
            <li><a href="e.php?term=Eloquence">Eloquence</a></li>
            <li><a href="e.php?term=Elysium">Elysium</a></li>
            <li><a href="e.php?term=Emancipation">Emancipation</a></li>
            <li><a href="e.php?term=Emotion">Emotion</a></li>
            <li><a href="e.php?term=Envelope">Envelope</a></li>
            <li><a href="e.php?term=Envy">Envy</a></li>
            <li><a href="e.php?term=Epitaph">Epitaph</a></li>
            <li><a href="e.php?term=Evangelist">Evangelist</a></li>
          </ul>
        </div>
        <div class="letter" id="letter-f">
          <h3>F</h3>
          <form>
            <input type="text" name="term" value="" id="term">
            <input type="submit" name="search" value="search" id="search">
          </form>
        </div>
          
      </div>
      <div id="loading">
        Loading...
      </div>
      <div id="dictionary">
      </div>

    </div>
  </body>
</html> 